<template>
  <dv-border-box-11 style="width:100%;height:800px;padding: 20px;" title="数据展示">
    <div style="width:100%;height:50px"></div>
    <p style="text-align:center;font-size: 30px;">{{ $store.state.selectdata.name }}</p>
    <p>{{ $store.state.selectdata.group }}</p>
    <p>{{ $store.state.selectdata.info }}</p>
  </dv-border-box-11>
</template>
<script>
export default {
  data() {
    return {
      selectdata: {},
      model: {
        name: "",
        model: "",
        package: "",
      },
    }
  },
  methods: {},
  mounted() {
    this.$bus.$on('showdata', (data) => {
      this.model.name = data.value;

    })
  }
}
</script>

<style scoped>
p {
  font-size: 16px;
  margin-bottom: 10px;
}

p:first-child {
  text-align: center;
  font-size: 30px;
  color: blue;
}

p:nth-child(2) {
}

p:nth-child(3) {
  font-style: italic;
}
</style>